.left{float: left;}
.right{float: right;}

.card-header{height: 50px;line-height: 50px;background: #da2f34;margin-top: 50px;color: #FFF;text-align: center;}
.card-header i{font-size: 3rem;}
.card-header .dropdown{margin: 0px auto;display: inline-block;}
.card-header a{margin-right: 5px;color: #FFF;}
.card-header .dropdown .btn-default{background: #da2f34;border:none;color: #FFF;}
.card-header .dropdown .dropdown-menu>li>a{text-align: center;}

.card-mony{height: 50px;line-height: 50px;padding: 0 10px;background: #FFF;margin-bottom: 10px;}
.card-mony .balance{font-size: 2rem;font-weight: 700;}
.card-svg{background: #FFF;}
.card-svgnav{display: flex;width: 100%;}
.card-svgnav span{flex: 1;text-align: center;height: 36px;line-height: 36px;box-sizing: border-box;}
.card-svgnav span.active{border-bottom: 2px solid #539b53;}

.card-footer{position: fixed;bottom: 0;width: 100%;background: #f5f0eb;}

.card-title{padding: 0 10px;line-height: 36px;height: 36px;width: 100%;overflow: hidden;background: #f5f0eb;}
.card-title span{font-size: 1.5rem;}
.card-title span i{font-size: 1rem;color: #8b8b8b;font-style: normal;}
.card-title span.red{color:  #da2f34;}

.card-ponits{height: 60px;width: 100%;background: #FFF;overflow: hidden; display: flex;}
.card-point1,.card-point2{height: 60px;display: inline-block;float: left;flex: 1;}
/*.card-point1{width: 50%;}*/
/*.card-point2{width: 50%;}*/
.card-point1 .card-poiy1,.card-point1 .card-poiy2{display: inline-block;float: left;}
.card-grr{color: #17b03e;}
.card-red{color: #da2f34;}
.card-point1 .card-poiy1{line-height: 60px;padding-right: 10px;font-size: 2rem;padding-left: 10px;}
.card-point1 .card-poiy2{line-height: 20px;padding-top: 10px;width: 45px;}
.card-point2{padding: 10px;box-sizing: border-box;}
.card-point2 .card-em{margin-bottom: 0;text-align: right;}
.card-point2 .card-em .red{color:  #da2f34;margin-left: 5px;}
.card-point2 .card-em span{float: right;}
.card-point2 .card-em .number{max-width:26px;}
.card-point2 .card-em i{height: 10px;display: inline-block;width: 5%;float: right;margin-right: 5px;margin-top: 5px;}
.card-point2 .card-em i.bgr{background: #da2f34;}
.card-point2 .card-em i.bgg{background: #17b03e;}

.card-switch{height: 40px;background: #fff;margin-top: 5px;display: flex;}
.card-switch .card-switch1,.card-switch .card-switch2{height: 40px;display: inline-block;}
.card-switch .card-switch1{flex: 1;line-height: 40px;text-align: center;border-right:1px solid #ccc ;position: relative;}
.card-switch .card-switch1 span{position: absolute;text-align: center;height: 15px;width: 15px;line-height: 15px;top: 5px;right: 5px;border-radius: 50%;background: #da2f34;color: #FFF;}
.card-switch .card-switch3{flex: 1;line-height: 40px;text-align: center;}
.card-switch .card-switch2{flex: 2;line-height: 40px;text-align: center;color: #FFF;}
.card-switch .bgr{background: #da2f34;}
.bgg{background: #17b03e;color: #FFF;}
.bgr{background: #da2f34;color: #FFF;}

.card-list{border:1px solid #e8e8e8 ;border-left: none;border-right: none;margin-top: 20px;background: #FFF;}
.card-listlip{display: flex;line-height: 36px;height: 36px;border-bottom:1px solid #e8e8e8 ;color: #8b8b8b;padding: 0 10px;font-size: 1.3rem;background: #FFF;}
.card-listlip i{font-style: normal;color:#da2f34;font-size: 1.5rem;}
.card-listnone{border-bottom: none;}
.card-listtop{border-top: 1px solid #e8e8e8 ;}
.card-listlip .span1,.card-list .card-listlip .span2{}
.card-listlip .span1{flex: 2;text-align: left;font-size: 1rem;}
.card-listlip .span2{flex: 5;text-align: right;}
.card-listlip .spanrem{font-size: 1rem;}

.borderbox,.card-pp,.card-px{height: 24px;font-size: 1.3rem;}
.borderbox{height: 100%;font-size: 0.8rem;width: 91%;display: inline-block;}
.card-pp{border:1px solid #da2f34;color: #da2f34;margin: 0 2px;}
.card-px{border:1px solid #da2f34;color: #fff;margin: 0 2px;background: #da2f34;}

.modal-mask {position: fixed;z-index: 9998;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .5);display: table;transition: opacity .3s ease;}
.modal-wrapper {display: table-cell;vertical-align: middle;}
.modal-container {width: 300px;margin: 0px auto;padding: 20px 30px;background-color: #fff;border-radius: 2px;box-shadow: 0 2px 8px rgba(0, 0, 0, .33);transition: all .3s ease;font-family: Helvetica, Arial, sans-serif;}
.modal-header{padding:0}
.modal-header h3 {margin-top: 0;color: #da2f34;}
.modal-default-button {float: right;background: #da2f34;color: #FFF;border: none;}
.modal-enter {opacity: 0;}
.modal-leave-active {opacity: 0;}
.modal-enter .modal-container,.modal-leave-active .modal-container {-webkit-transform: scale(1.1);transform: scale(1.1);}
.modal-footer{padding: 15px 15px 0 0;}
.model-li{list-style: none;border-bottom: 1px solid #ccc;line-height: 36px;text-align: center;}

.card-currencies{padding: 15px 10px;background: #f5f0eb;color: #9a9998;}
.card-currencies p{margin-bottom: 0;}
.card-box{background: #f5f0eb;}
.card-bottomfiex{position: fixed;bottom: 0;display: flex;height: 36px;line-height: 36px;width: 100%;text-align: center;}
.card-bottomfiex span{flex: 1;}
.card-bottomf{font-size: 1.3rem;background:#FFF;}

.anmiet{-webkit-transform-origin: center;transform-origin: center;-webkit-animation: am-heartbeat .5s infinite alternate;animation: am-heartbeat .5s infinite alternate}
@-webkit-keyframes am-heartbeat {
	from {-webkit-transform: scale(1.33);transform: scale(1.33)}
	to {-webkit-transform: scale(1);transform: scale(1)}
}

@keyframes am-heartbeat {
	from {-webkit-transform: scale(1.33);transform: scale(1.33)}
	to {-webkit-transform: scale(1);transform: scale(1)}
}

.card-hold{}
.card-holdtitle{position: relative;background: #FFF;}
.card-holdtitlep1{font-size: 1rem;margin-bottom: 0;margin-top: 10px;color: #7F8C9A;}
.card-holdtitlep2{font-size: 2rem;margin-bottom: 10px;}
.card-holdtitlep2 span{color: #7F8C9A;font-size: 1rem;}
.card-holdtitle p{padding-left: 10px;}
.card-holdremove{position: absolute;right: 10px;top: 16px;}
.card-holdremove button{background: none;border: 1px solid #da2f34;padding: 5px 10px;color: #da2f34;border-radius: 5px;}
.card-holdli{margin-top: 10px;background: #fff;padding: 0 10px;overflow: hidden;}
.card-holdli p{border-bottom: 1px solid #ccc;height: 36px;line-height: 36px; color: #7F8C9A;margin-bottom: 0;}
.card-holdliconter {display: flex;}
.card-holdliconter .card-holdlip1,.card-holdliconter .card-holdlip2{height: 60px;padding-top: 10px;font-size: 1.3rem;}
.card-holdliconter .card-holdlip1{flex: 1;}
.card-holdliconter .card-holdlip2{flex: 2;}
.card-holdliconter .card-holdlip2 span{display: block;}
.card-holdliconter .card-holdlip1 span{display: block;}
.card-holdliconter .card-holdlip1 span.mg{margin-bottom: 10px;}
.card-holdliconter .card-holdlip1 span.colorr{color: #B1B1B1;}
.card-holdliconter .card-holdlip1 .button1{margin-top: 10px;border: 1px solid #da2f34; color: #FFF;background: #da2f34;}
.card-holdliconter .card-holdlip1 .button2{margin-top: 20px;height: 36px;line-height: 34px;border: 1px solid #f5f0eb; color: #707070;background: #f5f0eb;}
.card-holdli .botot{margin-bottom: 10px;color: #b1b1b1;margin-top: 5px;}

.card-pad{border-top:1px solid #ccc ;line-height: 36px;display: flex;}
.card-padli{flex: 1;padding: 0 10px;color: #999;font-size: 1rem;}
.card-padli:nth-child(1){border-right: 1px solid #ccc;}
.card-padli span:nth-child(1){width: 50px;}
.card-moremore{text-align: center;padding: 10px;}

.MaskZpai{position: fixed;width: 100%;height: 100%;z-index: 99999;background:#FFF;}

